<template>
  <div class="yd">
    <div class="header">
      <h1 class="title">我的订单</h1>
    </div>
    <div class="fu-title">
      <ul>
        <li>
          <div>
            <router-link to="/yd/item/1">
              <p>新订单</p>
            </router-link>
          </div>
        </li>
        <li>
          <div>
            <router-link to="/yd/item2/2">
              <p>已完成</p>
            </router-link>
          </div>
        </li>
      </ul>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
import axios from 'axios'
import mySearch from 'components/common/mySearch.vue'
export default {
  data() {
      return {
        searchResult: [{"title":'abc',"value":"123"}],
        searchValue:''
      }
    },
    
    watch: {
      searchValue:function(){
        console.log(this.searchValue)
      },
      // '$route' (to, from) {
      //   console.log(to.path.split('/')[3]);
      //   this.$router.push(to.path)
      // }
    },
    methods: {
      tj(){

      }
    },
    components:{
      mySearch
    }
}
</script>

<style lang="stylus">
.yd
  background:#f2f2f2
  height:100%
  width:100%
  position:absolute
  top:0
  left:0
  .header
    position: fixed
    top: 0
    left: 0
    height: 44px
    width: 100%
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1)
    background-color: #26a2ff
    z-index: 1000
    color: #fff
    .title 
      font-size: 16px
      line-height: 44px
      text-align: center
      margin: 0 auto
  .search-cell
    margin-top:44px
  .fu-title
    padding:0 20px
    background:white
    height:43px
    border-bottom:1px solid #d9d9d9
    position:fixed
    z-index:5
    width:100%
    top:44px
    ul
      width:100%
      position:relative
      li
        display:inline-block
        line-height:43px
        .router-link-active
          p
            color:#108ee9
        p
          padding-right:15px
          &.on
            color:#108ee9
    
    
</style>